<template>
	<view class="apps">
		<uv-navbar title="" titleStyle="font-weight:400;" bg-color="rgba(255,255,255,.01)" placeholder :autoBack="true">
			<template v-slot:left>
				<view class="flex aic">
					<uv-icon name="close" size="30"></uv-icon>
					<view class="f16 ml20 fw4 c333">授权登录</view>
				</view>
			</template>
		</uv-navbar>
		<image class="bg" src="https://lifeanclor.byyds.cn/static/images/lan.jpg" mode="widthFix"></image>
		<uv-gap height="60"></uv-gap>
		<view class="pr zidx6 mlr30 bdbox h50p flex fdc bdr20">
			<view class="flex fdc aic">
				<image src="https://lifeanclor.byyds.cn/static/images/logo.png"  style="width:320rpx;height:320rpx" mode="widthFix"></image>
				<view class="f18 c333 mt10">莱安AI家居</view>
				<view class="plr10 w100p">
					<view class="mt40 bgf1 boxsd bdr100 plr05 tb05">
						<uv-button shape="circle" text="授权登录" customStyle="height:44px;font-weight:400" customTextStyle="color:#fff;font-weight:400" color="linear-gradient(180deg, #2688df, #65b3f3)"></uv-button>
					</view>
					<view class="flex aic jcc mt20">
						<uv-radio-group v-model="agree" customStyle="flex: inherit;">
							<uv-radio shape="square" name="agree"></uv-radio>
						</uv-radio-group>
						<view class="f12 c666">登录即同意莱安AI家居</view><view class="f12 cred">《用户及隐私协议》</view>
					</view>
				</view>
				
			</view>
		</view>
		
	</view>
</template>

<script setup>
	import { ref , reactive, nextTick, computed } from 'vue'
	import { onLoad, onShow, onHide } from '@dcloudio/uni-app'
	const agree=ref("")
	const choose = ()=>{
		
	},tabIcon=()=>{
		if(suffixIcon.value =='eye'){
			suffixIcon.value='eye-off-outline'
			pwd.value = true
		}else{
			suffixIcon.value='eye'
			pwd.value=false
		}
	}
	
	onLoad(()=>{
		
	})
</script>